@charset "UTF-8";








@media screen and (max-width: 800px) {


    #resources  .r-nav{
        width: 100%;
    }
    #resources  .r-nav ul {
        width: 60%;
        flex-wrap: wrap;
        justify-content: space-between;
        height: auto;
        margin: auto;
        padding-bottom: calc((150/192)*1rem);
    }

    #resources  .r-nav ul li{
        width: 50%;
        height:auto ;
        margin: unset;
        font-size: 14px;
        text-align: center;
    }
    #resources  .r-nav ul li h5{
        margin: auto;
    }
    #resources  .r-nav ul li:nth-child(1)  h5{
        width: calc((270/192)*1rem);
        height: calc((275/192)*1rem);
        background-image: url("../img/technology.png");
    }
    #resources  .r-nav ul li:nth-child(2)  h5{
        width: calc((261/192)*1rem);
        height: calc((275/192)*1rem);
        margin: auto;
        background-image: url("../img/idea1.png");
    }
    #resources  .r-nav ul li p{
        white-space: nowrap;
    }
    #resources .r-content > div > ul{
        width: 100%;
    }
    #resources .r-content > div > ul li > div{
        float: none;
        width: 100%;
        height: auto;
    }
    #resources .r-content > div > ul li .left{
        height: auto;
    }
    #resources .r-content > div > ul li .left img{
        width: 100%;
        height: auto;
    }
    #resources .r-content > div > ul li .right{
        width: 100%;
        padding-bottom: calc((100/192)*1rem);
    }
    #resources .r-content > div > ul li .right h6{
        width:90%;
        margin: auto;
        font-size: 16px;
    }
    #resources .r-content > div > ul li .right h6:before{
        content: unset;
    }
    #resources .r-content > div > ul li .right p{
        width: 85%;
        margin: auto;
        font-size: 14px;
        line-height: calc((140/192)*1rem) ;
        text-align: justify;
        text-indent: 28px;
    }
    #resources .r-content > div > ul li .right span{
        width: 15px;
        height: 15px;
        line-height: 15px;
    }
    #resources .r-content > div .btn{
        height: auto;
    }
    #resources .r-content > div .btn .center{
        display: flex;
        width: 80%;
        padding-bottom: calc((63/192)*1rem);
        justify-content: space-around;
    }
    #resources .r-content > div .btn .center .prv,
    #resources .r-content > div .btn .center .next,
    #resources .r-content > div .btn .center ul li{
        padding: calc((20/192)*1rem)  calc((30/192)*1rem) ;
        font-size: 16px;
    }

}



@media screen and (max-width: 1000px){
    #resources .r-content div ul li .right > a{
        right: calc((100/192)*1rem);
        bottom: calc((40/192)*1rem);
    }
}

























